<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>华天下后台管理系统</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="<%=request.getContextPath()%>/easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="<%=request.getContextPath()%>/easyui/themes/icon.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=request.getContextPath()%>/easyui/jquery.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/easyui/locale/easyui-lang-zh_CN.js"></script>
<link href="<%=request.getContextPath()%>/css/style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="<%=request.getContextPath()%>/js/jquery-2.1.4.min.js"></script>
<script src="<%=request.getContextPath()%>/js/cloud.js" type="text/javascript"></script>

<script language="javascript">
	$(function(){
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
	$(window).resize(function(){  
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
    })  
});  
</script> 
<style type="text/css">
p{
	color:#F60;
	line-height:40px;
	font-size: 18px;
	margin-top:15px;
}
input{
	border:1px #999999 solid;
	width:220px;
	line-height: 30px;
}

</style>

  </head>
  
<body style="background-color:#df7611; background-image:url(<%=request.getContextPath()%>/images/light.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;">
<div id="mainBody">
      <div id="cloud1" class="cloud"></div>
      <div id="cloud2" class="cloud"></div>
    </div>  
   <div class="logintop">    
    <span>欢迎登录华天下后台管理系统</span>       
    </div>
<div class="loginbody">
    
    
    <span class="systemlogo"></span> 
       
    <div class="loginbox">
		<div style="font-size:18px; margin-top:100px; margin-left:100px;">
			<center>
			<p>用户名：<input type="text" id="admin" name="username" placeholder="请输入用户名"></p>
			<p>密&nbsp;&nbsp;&nbsp;码：<input type="password" name="password" placeholder="请输入密码"></p>
			<p><a class="easyui-linkbutton" id="login" style="margin-left:40px;background:#F60;font-weight:bold;color: #FFF;width: 70px;line-height: 30px;">登录</a></p> 
	    	</center>
	    </div>
	</div>
</div>
	<script type="text/javascript">
		$(function(){
		   
			$("#login").click(function(){
			    console.log("<%=request.getContextPath()%>/login");
				$.ajax({
					url:"http://hanya.htx328.com/htx-backer/sysUser/login",
					data:{
						username:$("input[name=username]").val(),
						password:$("input[name=password]").val()
					},
					type:"post",
					dataType:"json",
					success:function(data){//jsonObject[msg:"登录成功了"]
						var msg = data.msg;
						if('成功'==msg){
							window.location.href="http://hanya.htx328.com/htx-backer/ui/index.jsp";
						}else{
							alert(msg);
						}
					}
				});
			});
		});
	</script>
</body>


</html>